import React, { Component } from 'react';
import Button from './Button';

export default class ThemedButton extends Component {
    // 指定 contextType 读取当前的 theme context。
    // React 会往上找到最近的 theme Provider，然后使用它的值。
    // 在这个例子中，当前的 theme 值为 “dark”。
    
    render() {
        // 使用 this.context 获取 context 中的值
        console.log(this.context)
        console.log('ThemedButton', this.props)
        return (
            <Button>
                {this.props.children}
            </Button>
        )
    }
}
